<div class="container max-w-xl mx-auto">
  <h2 class="text-xl text-slate-800 font-bold">About</h2>
  <div
    class="mt-4 p-4 text-start leading-relaxed text-slate-600 space-y-4 text-sm">
    <p>ICP Query Extension is an open source browser extension for:</p>
    <ul class="list-inside list-disc indent-1">
      <li>ICP query</li>
      <li>DNS query</li>
      <li>Whois query</li>
      <li>Server location and ISP lookup</li>
      <li>...</li>
      <li>And some features planned</li>
    </ul>
    <div>
      <p>The source code for this project is hosted on GitHub:</p>
      <p class="">
        <a
          class="text-green underline underline-offset-4"
          href="https://github.com/yuedanlabs/icp-query-extension"
          >https://github.com/yuedanlabs/icp-query-extension</a>
      </p>
      <p>
        You can view the code and follow the progress of this project there:
      </p>
      <ul class="list-inside list-disc indent-1">
        <li>
          <a
            class="underline"
            href="https://github.com/yuedanlabs/icp-query-extension/blob/main/README.zh-Hans.md"
            >中文简介</a>
        </li>
        <li>
          <a
            class="underline"
            href="https://github.com/yuedanlabs/icp-query-extension/releases"
            >Releases Log</a>
        </li>
        <li>
          <a
            class="underline"
            href="https://github.com/yuedanlabs/icp-query-extension/issues"
            >Feedback</a>
        </li>
      </ul>
    </div>
    <p>
      We apologize if the above information has not been helpful. You may also
      contact us via the following methods and we will try our best to assist
      you:
    </p>
    <ul class="list-inside list-disc indent-1">
      <li>
        Email: <a
          class="text-green underline underline-offset-4"
          href="mailto:yuedan.work+feedback@gmail.com?subject=Feedback%20for%20ICP%20Query%20Extension&body=Email%3A%20%3Cyour%20email%20address%2C%20optional%3E%0A*Token%3A%20%3Cyour%20token%20in%20use%3E%0A*Content%3A%20%3Cinput%20your%20suggestions%20or%20feedback%20here%3E%0A%0A%23%20In%20addition%2C%20you%20can%20also%20write%20something%20else%20to%20the%20developer%20(of%20course%20this%20is%20optional))"
          >Click to send an Email</a>
      </li>
    </ul>
  </div>
</div>
